//以后直接赋值,去vue.router官网

//1.包装 yarn add vue-router@3.5.3
//2.在main.js中引入vuerouter构造函数
import VueRouter from 'vue-router'

//引入vue
import Vue from 'vue';

//导入组件对象
import Find from '../views/Find.vue'
import My from '../views/My.vue'
import Part from '../views/Part.vue'
import NotFound from '../views/NotFound.vue'


//3.安装插件-帮我们注册全局组件 router-view router-link
Vue.use(VueRouter)

//4.创建路由对象
//核心步骤
//a.配置路由规则
//b.指定路由出口(组件渲染到哪里)
const routes=[
    //里面可以写对象
  //一个对象表示一条路由规则
  {
    // 当匹配到 / 时
    path: '/',
    // 重定向到指定路径
    redirect: '/find'
  },
  {
    name: 'find', // 路由名称
    path: '/find', // 路径
    component: Find // 组件对象
  },
  {
    name: 'my',
    path: '/my', // 路径
    component: My // 组件对象
  },
  {
    // 如果需要传递路径参数, 需要在此处配置参数名
    // :name 路径参数名, 不要忘了冒号
    name: 'part',
    path: '/part/:name', // 路径
    component: Part // 组件对象
  },
  {
    path: '*',
    component: NotFound
  }
]

//b
const router=new VueRouter({
 routes,
  mode:'hash'
})
export default router